<template>
	<view>
		<view class="banner">
			<image :src="$getImgPath('9gOZUt3r8SbDd836b1bd6d101c444786f528620c67dd_1681713605954.png')" mode="widthFix"></image>
		</view>
		<xzfx-panel title="卖车流程">
			<view slot="content" class="process">
				<view class="item">
					<view class="icon xzfx_icon_order selected"></view>
					<view class="label">提交信息</view>
				</view>
				<view class="arrow xzfx_icon_arrow_change"></view>
				<view class="item">
					<view class="icon xzfx_icon_service"></view>
					<view class="label">上门服务</view>
				</view>
				<view class="arrow xzfx_icon_arrow_change"></view>
				<view class="item">
					<view class="icon xzfx_icon_user"></view>
					<view class="label">买家看车</view>
				</view>
				<view class="arrow xzfx_icon_arrow_change"></view>
				<view class="item">
					<view class="icon xzfx_icon_trade"></view>
					<view class="label">交易过户</view>
				</view>
			</view>
		</xzfx-panel>
		<view class="submit-button" @click.stop="$checkLogin(goPublish)">上传车源</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			goPublish(){
				this.$go('/pages/car-sale/publish');
			}
		}
	}
</script>

<style scoped lang="scss">
	.banner{
		padding-bottom: 20rpx;
		background-color: #FFFFFF;
		image{
			display: block;
		}
	}
	.process{
		display: flex;
		justify-content: center;
		padding: 80rpx 0;
		.item{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			padding: 0 10rpx;
			.icon{
				width: 100rpx;
				height: 100rpx;
				border: 1rpx solid #eeeeee;
				border-radius: 30rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 60rpx;
				color: #999999;
			}
			.selected{
				color: $uni-color-primary;
			}
			.label{
				font-size: 28rpx;
				color: #666666;
				margin-top: 10rpx;
			}
		}
		.arrow{
			margin-top: 35rpx;
			color: #e7e7e7;
		}
	}
	.submit-button {
		margin: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 90rpx;
		border-radius: 46rpx;
		background: $xzfx-theme;
		color: #FFFFFF;
		font-size: 32rpx;
		padding: 0 40rpx;
		overflow: hidden;
	}
</style>
